<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苏宁</title>
    <link rel="stylesheet" href="css/su.css">
</head>

<body>
    <!-- 设置顶栏 -->
    <div>
        <div class="header_top">
            <a href="">
                <img src="img/header.jpg" alt="">
                <img src="img/head-close.png" alt="">
            </a>
        </div>
    </div>
    <!-- 设置搜素框以及其下内容 -->
    <div class="header_cent">
        <div class="header_cent_top">
            <div class="header_cent_left">
                <a href=""><img src="img/01left.png" alt=""></a>
            </div>
            <div class="header_cent_middle">
                <a href=""><img src="img/01middle.gif"></a>
            </div>
            <div class="header_cent_right">
                <a href=""><img src="img/01right.png"></a>
            </div>
        </div>
        <div class="search">
            <div class="search_m"><img src="img/下载.png" alt=""><span>鞋包家纺满199减100</span></div>
        </div>
    </div>
    <!-- 设置推荐栏 -->
    <div class="header_bottom1">
        <img src="img/beijing.jpg" alt="">
        <img src="img/bottom1.jpg" alt="">
    </div>
    <div class="header_bottom2">
        <img src="img/bottom.gif" alt="">
        <img src="img/bottom2.jpg" alt="">
    </div>
    <!-- 设置导航栏 -->
    <div class="nav">
        <a class="nav_top">
            <div><span><img src="img/nav1.png" alt=""></span><span>苏宁秒杀</span></div>
            <div><span><img src="img/nav2.png" alt=""></span><span>苏宁超市</span></div>
            <div><span><img src="img/nav3.png" alt=""></span><span>苏宁拼购</span></div>
            <div><span><img src="img/nav4.png" alt=""></span><span>手机数码</span></div>
            <div><span><img src="img/nav5.png" alt=""></span><span>苏宁家电</span></div>
        </a>
        <a class="nav_bottom">
            <div><span><img src="img/nav6.png" alt=""></span><span>免费水果</span></div>
            <div><span><img src="img/nav7.png" alt=""></span><span>super会员</span></div>
            <div><span><img src="img/nav8.png" alt=""></span><span>签到有礼</span></div>
            <div><span><img src="img/nav9.png" alt=""></span><span>领券中心</span></div>
            <div><span><img src="img/nav10.png" alt=""></span><span>更多频道</span></div>
        </a>
    </div>
    <!-- 导航栏下的推荐红包 -->
    <div class="nav_bottom1"><img src="img/nav_bottom1.png" alt=""><img src="img/nav_bottom2.png" alt=""><img src="img/nav_bottom3.png" alt=""></div>
    <!-- 秒杀栏 -->
    <div class="content1">
        <div class="content1_left">
            <div class="content1_left1">
                <h3>限时秒杀</h3>
                <div><span>05</span>:<span>45</span>:<span>56</span></div>
            </div>
            <div class="content1_left2">
                <div>人气好货限时抢</div>
            </div>
            <div class="content1_left3">
                <div class="content1_left3_1"><img src="img/content11.jpg" alt="">
                    <span>¥9.9</span>

                </div>
                <div class="content1_left3_2"><img src="img/content12.jpg" alt="">
                    <span>¥14.9</span>
                </div>
            </div>
        </div>
        <div class="content1_right">
            <div class="content1_right1">
                <h3>大聚惠</h3>
            </div>
            <div class="content1_right2">
                <div>聚优品 · 惠生活</div>
            </div>
            <div class="content1_right3">
                <div class="content1_right3_1"><img src="img/content14.webp" alt="">
                    <span>斑布</span>
                </div>
                <div class="content1_right3_2"><img src="img/content15.webp" alt=""><span>五月花</span></div>
            </div>
        </div>
    </div>
    <!-- 新品栏 -->
    <div class="content2">
        <div class="content2_left">
            <div class="content2_left1">
                <h3>新品首发</h3>
            </div>
            <div class="content2_left2">
                <div>大牌新机0元试</div>
            </div>
            <div class="content2_left3">
                <div class="content2_left3_1"><img src="img/content21.webp" alt=""></div>
                <div class="content2_left3_2"><img src="img/content22.webp" alt=""></div>
            </div>
        </div>
        <div class="content2_right">
            <div class="content2_right1">
                <h3>苏宁拼购</h3>
            </div>
            <div class="content2_right2">
                <div>2人拼更实惠 全场包邮</div>
            </div>
            <div class="content2_right3">
                <div class="content2_right3_1"><img src="img/content23.webp" alt=""><span>2人拼10.9</span></div>
                <div class="content2_right3_2"><img src="img/content24.webp" alt=""><span>2人拼109</span></div>
            </div>
        </div>
    </div>
    <!-- 推荐栏 -->
    <div class="content3">
        <div class="content3_1">
            <p>为您精选</p>
            <p>精选频道</p>
        </div>
        <div class="content3_2">
            <a href=""><img src="img/content31.webp" alt="">
                <p>苏宁国际</p>
            </a>
        </div>
        <div class="content3_3">
            <a href=""><img src="img/content32.webp" alt="">
                <p>苏宁Outlets</p>
            </a>
        </div>
        <div class="content3_4">
            <a href=""><img src="img/content33.png" alt="">
                <p>会员抢购</p>
            </a>
        </div>
        <div class="content3_5">
            <a href=""><img src="img/content34.png" alt="">
                <p>Super会员</p>
            </a>
        </div>
    </div>
    <!-- 推荐榜单 -->
    <div class="content4"><img src="img/centent41.png" alt=""></div>
    <div class="content5">
        <div class="content5_1">
            <div class="content5_11">
                <a href="">
                    <img src="img/content5_11.webp" alt="">
                    <img src="img/content54.png" alt="" class="img1">
                    <span>人气榜</span>
                    <p>轻巧无线耳机榜</p>
                    <p>卖爆6603件</p>
                </a>

            </div>
            <div class="content5_12">
                <a href="">
                    <img src="img/content5_13.webp" alt="">
                    <img src="img/content55.png" alt="" class="img2">
                    <span>人气榜</span>
                    <p>家具榜</p>
                    <p>卖爆3003件</p>
                </a>
            </div>
            <div class="content5_13">

                <a href="">
                    <img src="img/content5_12.webp" alt="">
                    <img src="img/content54.png" alt="" class="img3">
                    <span>人气榜</span>
                    <p>笔记本电脑榜</p>
                    <p>卖爆1588件</p>
                </a>

            </div>
        </div>
        <div class="content5_2">
            <div class="content5_2_1">
                <div class="content5_2_11">
                    <a href="">
                        <div class="content5_2_111"><span>美味面包糕点榜</span><span>人气榜</span></div>
                        <p>卖爆5.3万件</p>
                        <div class="content5_2_110"><img src="img/con1.webp" alt=""><img src="img/con2.webp" alt=""></div>
                    </a>
                </div>
                <div class="content5_2_12">
                    <a href="">
                        <div><span>优质蛋类榜</span><span>人气榜</span></div>
                        <p>卖爆1.8万件</p>
                        <div class="content5_2_120"><img src="img/con3.webp" alt=""><img src="img/con4.webp" alt=""></div>
                    </a>
                </div>
                <div class="content5_2_13">
                    <a href="">
                        <div><span>乐享鲜汤炖锅榜</span><span>人气榜</span></div>
                        <p>卖爆1075件</p>
                        <div class="content5_2_130"><img src="img/con5.webp" alt=""><img src="img/con6.webp" alt=""></div>
                    </a>
                </div>
                <div class="content5_2_14">
                    <a href="">
                        <div><span>儿童益智玩具榜</span><span>人气榜</span></div>
                        <p>卖爆5268件</p>
                        <div class="content5_2_140"><img src="img/con7.webp" alt=""><img src="img/con8.webp" alt=""></div>
                    </a>
                </div>
            </div>
        </div>

    </div>
    <!-- 猜你喜欢 -->
    <div class="content6"><img src="img/con11.webp" alt=""></div>
    <div class="content7">
        <div class="contennt7_1">
            <a href="">
                <div class="contennt7_11">
                    <img src="img/con21.webp" alt="">
                    <p class="p1">MUNCHKIN满趣健 儿童洗澡感温 小黄鸭 戏水玩具</p><img src="img/con22.png" class="img71"></img>
                    <p class="p2"><span>￥32</span><span>10+评价</span></p>
                </div>
                <div class="contennt7_12">
                    <img src="img/con23.webp" alt="">
                    <p class="p1">MUNCHKIN满趣健 儿童洗澡感温 小黄鸭 戏水玩具</p><img src="img/con22.png" class="img71"></img>
                    <p class="p2"><span>￥32</span><span>10+评价</span></p>
                </div>
            </a>
        </div>
        <div class="contennt7_2">
            <a href="">
                <div class="contennt7_21">
                    <img src="img/con24.webp" alt="">
                    <p class="p1">MUNCHKIN满趣健 儿童洗澡感温 小黄鸭 戏水玩具</p><img src="img/con22.png" class="img71"></img>
                    <p class="p2"><span>￥32</span><span>10+评价</span></p>
                </div>
                <div class="contennt7_22">
                    <img src="img/con25.webp" alt="">
                    <p class="p1">MUNCHKIN满趣健 儿童洗澡感温 小黄鸭 戏水玩具</p><img src="img/con22.png" class="img71"></img>
                    <p class="p2"><span>￥32</span><span>10+评价</span></p>
                </div>
            </a>
        </div>
    </div>
    <!-- 设置底下固定栏 -->
    <div class="foot">
        <div><img src="img/foot1.png" alt="">
            <p>猜你喜欢</p>
        </div>
        <div><img src="img/foot2.png" alt="">
            <p>分类</p>
        </div>
        <div><img src="img/foot3.png" alt="">
            <p>排行榜</p>
        </div>
        <div><img src="img/foot4.png" alt="">
            <p>购物车</p>
        </div>
        <div><img src="img/foot5.png" alt="">
            <p>我的易购</p>
        </div>
    </div>
</body>

</html>